<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Form Elements - Ace Admin</title>

<meta name="description" content="Common form elements and layouts" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<!-- bootstrap & fontawesome -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/font-awesome.min.css" />

<!-- page specific plugin styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/chosen.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datepicker3.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-timepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/daterangepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-colorpicker.min.css" />


<!-- ace styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.min.css"
	id="main-ace-style" />

<!--[if lte IE 9]>
			<link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-part2.min.css" />
		<![endif]-->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-skins.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-rtl.min.css" />

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script
	src="<%=request.getContextPath()%>/ace/assets/js/ace-extra.min.js"></script>

<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

<!--[if lte IE 8]>
		<script src="<%=request.getContextPath()%>/ace/assets/js/html5shiv.min.js"></script>
		<script src="<%=request.getContextPath()%>/ace/assets/js/respond.min.js"></script>
		<![endif]-->
</head>

<body class="no-skin">
	

	<!-- /section:basics/content.breadcrumbs -->
	<div class="page-content">
		<!-- /section:settings.box -->
		<div class="page-content-area">
			<div class="page-header">
				<h1>
					悬赏详情
				</h1>
			</div>
			<!-- /.page-header -->

			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS -->
					<form class="form-horizontal">
						<!-- #section:elements.form -->
							<div class="detail-zx">
									<div>
										<span>状态:</span>
										<span class="yellow">${bsbRapid.status=='0'?'未采纳':bsbRapid.status=='1'?'已采纳':bsbRapid.status=='2'?'过期退钱':bsbRapid.status=='3'?'过期分钱':'未知'}</span>
									</div>
									<div>
										<span>商品ID:</span>
										<span>${bsbRapid.uuid}</span>
									</div>
									<div>
										<span>金额 :</span>
										<span class="yellow">${bsbRapid.price}</span>
									</div>
								</div>
								<div class="detail-zx">
									<div>
										<span> 提问人:</span>
										<span>${bsbRapid.userId}</span>
									</div>
									<div>
										<span>提问日期 :</span>
										<span><fmt:formatDate pattern='yyyy-MM-dd HH:mm:ss' value='${bsbRapid.createDate}' /></span>
									</div>
								</div>
								<div class="panel zxlist">
										    <div class="panel-heading"><span class="left-line"></span> 提问详情列表</div>
										    <div class="wt-detail">
										    	<span>问题内容:</span>
										    	<span>${bsbRapid.content}</span>
										    </div>
										    <div class="wt-detail">
										    	<span>图片:</span>
										    	<span>
										    		<c:forEach items="${bsbRapid.imgs}" var="img">
														<img alt="" width="300px" height="300px" <c:if test="${not empty img}">src='<%=request.getContextPath()%>/getPic/${img }'</c:if>  >
													</c:forEach>
										    	</span>
										    </div>
								</div>
								<div class="panel hdlist">
										    <div class="panel-heading"><span class="left-line-hd"></span> 提问详情列表</div>
										   		<c:forEach items="${answers }" var="answer">
											    <div class="wt-detail">
											    	<span>回答:</span>
											    	<span style="width:90%">
											    		<span class="inline-block">
											    			<img style="width:50px;height:50px;min-width:50px;min-height:50px;border:1px solid #eee"> 
											    		</span>
											    		<span class="inline-block" style="width:90%;padding:0 10px;vertical-align:top;">
											    			<div class="hd-d-msg">
											    				<span class="inline-block">${answer.answerName}</span>
											    				<span class="inline-block"><fmt:formatDate pattern='yyyy-MM-dd HH:mm:ss' value='${answer.ansDate}' /></span>
											    			</div>
											    			<div>
											    				${answer.content}
											    			</div>
											    		</span>
											    	</span>
											    </div>
										    </c:forEach>
										    
								</div>
								<!-- div class="well well-sm"> 提问</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 问题内容 </label>
		
									<div class="col-sm-9">
										<div class="well">
											${bsbRapid.content}
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 图片 </label>
		
									<div class="col-sm-9">
										<c:forEach items="${bsbRapid.imgs}" var="img">
											<img alt="" width="300px" height="300px" <c:if test="${not empty img}">src='<%=request.getContextPath()%>/getPic/${img }'</c:if>  >
										</c:forEach>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 商品ID </label>
		
									<div class="col-sm-9">
										<input type="text"  value="${bsbRapid.uuid}"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 提问日期 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" value="<fmt:formatDate pattern='yyyy-MM-dd HH:mm:ss' value='${bsbRapid.createDate}' />"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 提问人 </label>
		
									<div class="col-sm-9">
										<input type="text"  value="${bsbRapid.userId}"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 金额 </label>
		
									<div class="col-sm-9">
										<input type="text"  value="${bsbRapid.price}"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 状态</label>
		
									<div class="col-sm-9">
										<input type="text"  value="${bsbRapid.status=='0'?'未采纳':bsbRapid.status=='1'?'已采纳':bsbRapid.status=='2'?'过期退钱':bsbRapid.status=='3'?'过期分钱':'未知'}"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div -->
								
								<!-- table id="simple-table" class="table  table-bordered table-hover">
											<thead>
												<tr>
													<th>咨询师</th>
													<th>回答内容</th>
													<th>回答日期</th>
												</tr>
											</thead>

											<tbody>
												<c:forEach items="${answers }" var="answer">
													<tr>
														<td>${answer.answerName}</td>
														<td class="hidden-480">${answer.content}</td>
														<td><fmt:formatDate pattern='yyyy-MM-dd HH:mm:ss' value='${answer.ansDate}' /></td>
														
													</tr>
												</c:forEach>
											</tbody>
										</table -->
						<div class="clearfix form-actions">
							<div class="col-md-offset-3 col-md-9">
								<input type="button" class="btn btn-info" type="button" onclick="history.go(-1)" value="返回" />
							</div>
						</div>
					</form>

					<!-- PAGE CONTENT ENDS -->
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->
		</div>
		<!-- /.page-content-area -->
	</div>
	<!-- /.page-content -->
</body>

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.min.js'>"
							+ "<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement)
		document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.mobile.custom.min.js'>"+ "<"+"/script>");
</script>

<script
	src="<%=request.getContextPath()%>/ace/assets/js/bootstrap.min.js"></script>


</html>
